<html>
    <head><!-- MDUI CSS -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/css/mdui.min.css"
  integrity="sha384-cLRrMq39HOZdvE0j6yBojO4+1PrHfB7a9l5qLcmRm/fiWXYY+CndJPmyu5FV/9Tw"
  crossorigin="anonymous"
/><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
<!-- MDUI JavaScript -->
<script
  src="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js"
  integrity="sha384-gCMZcshYKOGRX9r6wbDrvF+TcCCswSHFucUzUPwka+Gr+uHgjlYvkABr95TCOz3A"
  crossorigin="anonymous"
></script>

<div class="mdui-appbar">
  <div class="mdui-toolbar mdui-color-indigo">
    <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">menu</i></a>
    <a href="javascript:;" class="mdui-typo-title">androids7博客</a>
    <div class="mdui-toolbar-spacer"></div>
    <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></a>
    <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">refresh</i></a>
    <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">more_vert</i></a>
  </div>
  <div class="mdui-tab mdui-color-indigo" mdui-tab>
    <a href="#tab1" class="mdui-ripple mdui-ripple-white">最近活动</a>
    <a href="#tab2" class="mdui-ripple mdui-ripple-white">文章集合</a>
    <a href="#tab3" class="mdui-ripple mdui-ripple-white">博客介绍</a>
  </div>
</div>

<div class="mdui-container-fluid">
  <div id="tab1">
    <div class=".  mdui-center" style="width: 1080px">
    <div class="mdui-container" >
      <div class="mdui-row">
        <div class="mdui-col-sm-6 mdui-col-md-4">
          <div class="mdui-card" >
            <div class="mdui-card-media">
              <img src="https://www.for-sale.co.uk/sh-img/Psp-1000_psp.jpg"/>
            </div>
            <div class="mdui-card-actions mdui-card-actions-stacked">
              <button class="mdui-btn mdui-ripple">PSP开发工具</button>
              <button class="mdui-btn mdui-ripple">关于PSP</button>
            </div>


            <div class="mdui-card" >
              <div class="mdui-card-media">
                <img src="https://www.for-sale.co.uk/sh-img/Psp-1000_psp.jpg"/>
              </div>
              <div class="mdui-card-actions mdui-card-actions-stacked">
                <button class="mdui-btn mdui-ripple">PSP开发工具</button>
                <button class="mdui-btn mdui-ripple">关于PSP</button>
              </div>


              <div class="mdui-card" >
                <div class="mdui-card-media">
                  <img src="https://www.for-sale.co.uk/sh-img/Psp-1000_psp.jpg"/>
                </div>
                <div class="mdui-card-actions mdui-card-actions-stacked">
                  <button class="mdui-btn mdui-ripple">PSP开发工具</button>
                  <button class="mdui-btn mdui-ripple">关于PSP</button>
                </div>



                <div class="mdui-card" >
                  <div class="mdui-card-media">
                    <img src="https://www.for-sale.co.uk/sh-img/Psp-1000_psp.jpg"/>
                  </div>
                  <div class="mdui-card-actions mdui-card-actions-stacked">
                    <button class="mdui-btn mdui-ripple">PSP开发工具</button>
                    <button class="mdui-btn mdui-ripple">关于PSP</button>
                  </div>


                  <div class="mdui-card" >
                    <div class="mdui-card-media">
                      <img src="https://www.for-sale.co.uk/sh-img/Psp-1000_psp.jpg"/>
                    </div>
                    <div class="mdui-card-actions mdui-card-actions-stacked">
                      <button class="mdui-btn mdui-ripple">PSP开发工具</button>
                      <button class="mdui-btn mdui-ripple">关于PSP</button>
                    </div>

          </div>
          
       
        </div>

    
      </div>
  

    </div>
    
    ></div>

  </div>
  <div id="tab2">
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
    <p>tab 2</p>
  </div>
  <div id="tab3">
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
    <p>tab 3</p>
  </div>
</div>


    </body>
</html>